body {
    padding: 0;
    margin: 0;
    
}
.box{
    width: 800px;
    height: 930px;
    /*background-color: aqua;*/
    margin: 0 auto;
    /*background-image: url("output.jpg");*/
    background-color: aqua;
}

.myhead{
    display: flex;
    align-items: center; /* 垂直居中 */
    width: 800px;
    height: 150px;
    background-color: #1af073b6;
}

.imgorvideo{
    width: 600px;
    height: 500px;
    background-image: url('/static/images/default1.jpg');
} 

.choose{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 200px;
    height: 500px;
}

.picture{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-family: "楷体";
}

.video{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-family: "楷体";
}
.myhead h1 {
    margin-left: 72px;
    color: aqua;
    font-family: "楷体";
}
.mybody{
    display: flex;
    width: 800px;
    height: 500px;
}

.address {
    display: flex;
    justify-content: space-between;
}
.mybottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 800px;
    height: 300px;
}

.mybottom button{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-family: "楷体";
}

#container {
    overflow: hidden;
    width: 50%;
    height: 500px;
    margin: 0;
    font-family: "微软雅黑";
}

#panel {
    position: absolute;
    background-color: red;
    max-height: 90%;
    overflow-y: auto;
    top: 10px;
    right: 10px;
    width: 280px;
}